    *{
        margin : 0px;
        padding : 0px;
    }

    body{    
        font-family : Serif,Verdana,Arial,Comic Sans Ms; 
        /*background-color: #333;*/
        
    }   
    a{
        color : white;
        text-decoration : none;
        font-weight : bolder;
        /*font-size : 14px;*/
    }
    a:hover {         
        /*color : #c9c299;*/
        opacity : 0.5;
        font-weight :bold;
        cursor : pointer;
    }

    select{
        /*float : left;*/
    }

    input , textarea ,select{
        background : #FFFFFF url(../imagenes/inputBg.gif) no-repeat scroll left top ;
        border : 1px solid #AAAAAA;

    }

    div label{            
        width : auto;   
    }
    div input{  
        /*border : 1px solid #000; */
        /*background-image : url(../imagenes/textfield.gif);*/
        /*display :block;       */
        padding :0.3em 0.2em;
        /*width : 160px;*/
        
    }
    /*div span{
        width : 50px;
    }  */
    select option{
        padding :0.3em 0.4em;
         display :block;
        /* width : 160px;*/
    }

    
    input:focus {
        border: 3px solid #000;
        background: #F3F3F3;         
    }

    textarea:focus {
        border: 3px solid #000;
        background: #F3F3F3;         
    }

        #principal{
            /*width : 900px;*/
            margin : 0 auto;
            min-width :600px;
            /*border-style : none none solid none ;*/
            /*-moz-outline: 2px solid invert; */
            
        }
        #cabecera{
            width : 900px;       
        }
            
        #index{ 
            /*outline : 2px solid red;*/
            /*background: no-repeat;*/
            background-image : url(../imagenes/loguin.gif) no-repeat;  /*left top no-repeat;*/
            
            /*background-position : left top;*/
            margin : 40px auto;
            width : 350px;
            height : 298px;
            font-family : Comic Sans Ms;
            font-size : 22px;            
        }             
             .caja{
                /*border : 0;*/
                text-align : center;
                width :90%;
                padding: 10px;
                border :2px solid black;
                /*height : 272px;*/
            }
                .caja .llenar{  
                    padding-left :10px; 
                    width : 217px;
                    font-size : 18px;
                    color : #006699;
                    font-style : italic;
                    text-align : left;                    
                    float :left;
                }  
        .boton{  
            width : 655px;       
            display : block;
            /*float : left;*/
        }
       .boton input{        
            border : 1px solid #000;            
            
            width : 100px;
            cursor : pointer;
        }    
        /* ***********Pagina Modulo Vigilancia************************** */
        #modulov{
            /*outline : 2px solid invert;*/
        }
            .menu_izq{
                /*background : transparent url(../imagenes/fondo_menu.gif) no-repeat scroll right top*/
                background-image :url(../imagenes/fondo_menu.gif) ;
                /*background-color : blue;*/
                /*filter :alpha(opacity=50);            
                -moz-opacity: .50;
                opacity: .50;*/
                margin-top : 10px;
                margin-left : 10px;
                width : 220px;
                height : 327px;
                float : left;
                /*outline : 2px solid invert; */
            }
        #formulario{
            margin-top : 10px;
            margin-left : 5px;
            margin-bottom : 10px;
            float : left;            
            /*border :2px solid black;*/
            /*outline : 2px solid invert;            */
        }
          .formulario_ancho{
                width : 655px;                
            }
            
            fieldset {
                border :2px solid black;
                /*  border :2px solid #CC0000;  */
            }


            legend {
                  padding: 0.2em 0.5em;
                  border :2px groove black;
                  /*border :2px groove white;*/                  
                  color : #0f73ae;
                  font-weight : bolder;
                  font-size : 12px;
                  text-align :right;
                  margin-left : 8px;
           }
/* #pestania{
    float: left;
    margin-top: 10px;
    padding: 8px;
    padding-right: 18px;
    background: url(../imagenes/pest_activa.png) no-repeat;
    cursor: pointer;
}

#pestania_presionada{
     float: left;
    margin-top: 10px;
    padding: 8px;
    padding-right: 18px;
    background: url(../imagenes/pest_desactiva.png) no-repeat;



} */


#titulo{
    padding-top: 10px;
    color: #2A81CE;
    font-weight :bolder;
}

#pest_desact a,#pest_desact1 a,#pest_desact2 a,#pest_act a,#pest_act1 a{
    font-size: 14px;
    font-weight :bolder;
}

#pest_desact{
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    padding-left: 8px;
    background: url(../imagenes/pest_desactiva.png) no-repeat;
    cursor: pointer;
    width : 137px;
    height :27px;
font-size: 14px;
    font-weight :bolder;
}

#pest_desact1{
    float: left;
    margin-top: 10px;
    padding-left: 8px;
    padding-right: 18px;
    background: url(../imagenes/pest_desactiva_desac.png) no-repeat;
    cursor: pointer;
    width : 121px;
    height :27px;
font-size: 14px;
    font-weight :bolder;
}

#pest_act{
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    padding-left: 15px;
    background: url(../imagenes/pest_activa.png) no-repeat;
    width : 130px;
    height :27px;
font-size: 14px;
    font-weight :bolder;
}

#pest_desact2{
    float: left;
    margin-top: 10px;
    padding-left: 18px;
    padding-right: 8px;
    background: url(../imagenes/pest_desactiva_activa.png) no-repeat;
    width : 121px;
    height :27px;
font-size: 14px;
    font-weight :bolder;
}

#pest_act1{
    float: left;
    margin-top: 10px;
    padding-left: 18px;
    padding-right: 8px;
    background: url(../imagenes/pest_activa_desact.png) no-repeat;
    cursor: pointer;
    width : 137px;
    height :27px;
font-size: 14px;
    font-weight :bolder;
}




/* ***********************Mdulo Administracion*************************** */            

#admin{
    width : 70%;
    float : left;
}
#imagen{
    margin-top : 25px;
    float : left;
    width : 92px;
    background :url(../imagenes/icon/elimin_2.png) no-repeat;
    height : 128px;
}    
#imagen1{
    margin-top : 25px;
    float : left;
    width : 122px;
    background :url(../imagenes/icon/modi.png) no-repeat;
    height : 128px;
    
}    

/* ***********************Modulo Recepcionista *************** */
#usuarios{
    /*display : none;*/
    width :180px;
    float :left;
    font-family : Comic Sans Ms;
    font-size : 9pt;
    
}
#cajita{
    padding: 0.2em 0.5em;
    border :2px groove black;
    /*border :2px groove white;*/                  
    color : #0f73ae;
    font-weight : bolder;
    font-size : 12px;
    text-align :right;
    margin-left : 8px;
}

#imagenes_usuario{
float : left;
}



/* ************************************************* */
#error{

    font-weight : bolder;
    font-size : 14px;
    font-family : Comic Sans Ms;
    text-align : center;
    float :left;
    width : 655px;
    color : red;
    margin: 20px 0;
}
    

.contenedor{
        padding : 6px 6px;
        display : block;        
        font-family : Comic Sans Ms;
        
    }   

#conteniendo{
display : block;  
margin-top: 6px;
margin-left: 6px;
font-family : Comic Sans Ms;
}       
   
    .contenedor .bloque{
        width :23%;
        float : left;
        padding-left : 3px;
    }
    .contenedor .bloque1{
        width :18%;
        float : left;
        padding-left : 3px;
    }
    .contenedor span{
        width :25%;
    }

    .contenedor1{
        padding : 6px 6px;
        display : block;        
        width : 49%;
        font-family : Comic Sans Ms;
    }   
    .contenedor1 .bloque{
        width :45%;
        float : left;
        padding-left : 3px;
    }
    .contenedor1 span{
        width :49%;
    }
    

    .validacion{
        color : red;
        font-size : 12px;

    }
    .menu{
        list-style :none;        
    }
        .menu .boton{
            background-image : url(../imagenes/inactivo.png) ;
            width : 182px;
            height : 35px;
            margin : 50px auto;            
        }
        .menu .boton_presionado{
            background-image : url(../imagenes/activo.png) ;
            width : 182px;
            height : 35px;
            margin : 50px auto;
            font-weight : bolder;
        }
    .menu li{
        text-align : center;
        color : white;
        font-family : Comic Sans Ms;
        font-size : 15px; 
    }
    .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
    .clearfix {display: inline-table;}
    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */
                
    
    button  {
        padding: 10px;
	margin: 0;
	border: 0;
	background: url(../imagenes/button_fondo.gif) left top no-repeat;
	width: 110px;
	height: 40px;
	color: #FFF;
	font-size: 14px;
	font-weight: bolder;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-shadow: #333 1px 1px 3px;
	text-align: center;
	cursor: pointer;
        opacity: 1;
        
    }
    #botoncito {
        background: url(../imagenes/button_fondo.gif) left top no-repeat;
        width: 110px;
        height: 40px;        
        padding-top : 10px;   
        margin : 0 auto;
    }

.cajas_formulario{
font-weight :bolder;
color: black;
}


.miclase {
font: normal 9px  â€œSmall Fontsï¿½,Arial, Helvetica;
border: 2px solid #c0c0c0;
background :url(../imagenes/inputBg.gif) left top no-repeat;
}


#contador{
    float: right;
    margin-right: 10px;
    width: 30px;
    background : #FFFFFF url(../imagenes/inputBg2.gif) no-repeat scroll left top ;
}

#formulario_pvisita{ 
    opacity : 0.3;
    margin-left : 5px;
    margin-bottom : 10px;
    float : left;            
    /*border :2px solid black;*/
    /*outline : 2px solid invert;            */
}


#formulario_DatPerson, #formulario2{
    margin-left : 5px;
    margin-bottom : 10px;
    float : left;            
    /*border :2px solid black;*/
    /*outline : 2px solid invert;            */
}

#cargo, #correo{
    margin-left: 158px;
}
